<!DOCTYPE html>
<html>
	<head>
		<!--
			创建人：睢小玉
			修改时间：2019-8-3
		-->
		<meta charset="UTF-8">
		<title>供应商信息</title>
		<link rel="stylesheet" href="css/gysxinxi.css" />
		<!-- 去掉表格加载数据字样 -->
		<link href="command/bower_components/bootstrap-table/dist/bootstrap-table.min.css"  type="text/css" rel="stylesheet"></script>
		<link href="command/Bootstrap/bootstrap-3.3.0/css/bootstrap-theme.css" type="text/css" rel="stylesheet" />
		<link href="command/Bootstrap/bootstrap-3.3.0/css/bootstrap-theme.min.css" type="text/css" rel="stylesheet" />
		<link href="command/Bootstrap/bootstrap-3.3.0/css/bootstrap.css" type="text/css" rel="stylesheet" />
		<link href="command/Bootstrap/bootstrap-3.3.0/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
		<script src="command/jquery-3.4.0.min.js"></script>
		<script src="command/Bootstrap/bootstrap-3.3.0/js/bootstrap.min.js"></script>
		<script src="command/bower_components/bootstrap-treeview/dist/bootstrap-treeview.min.js"></script>
		<script src="command/bower_components/moment/min/moment.min.js"></script>
		<script src="command/bower_components/moment/min/locales.min.js"></script>
		<script src="command/bower_components/bootbox/bootbox.min.js"></script>
		<script src="command/bower_components/bootstrap-select/js/bootstrap-select.js"></script>
		<script src="command/bower_components/bootstrap-switch/dist/js/bootstrap-switch.min.js"></script>
		<script src="command/bower_components/bootstrap-table/dist/bootstrap-table.min.js"></script>
		<script src="command/bower_components/bootstrap-table/dist/locale/bootstrap-table-zh-CN.js"></script>
		<script src="command/bower_components/moment/min/moment-with-locales.min.js"></script>
		<!-- 时间控件引入文件 -->
		<link rel="stylesheet" href="command/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" type="text/css" />
		<link rel="stylesheet" href="command/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.css" type="text/css" />
		<script type="text/javascript" src="command/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="command/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.min.js"></script>
		<script type="text/javascript" src="command/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/gysxinxi.js" />
		<script type=" application/javascript">
			
			
			
			/*function bao2(){
				alert("保存成功");
				window.location.href="gysxinxi.html";
			}*/
		</script>
	</head>
	<body>
		<div style="font-family: '微软雅黑';font-size: 25px;padding-left:20px ;padding-top: 20px;font-weight:bold ;">供应商信息</div>
		<!-- 查询区域 -->
		<br />
			<div class="col-md-12 form-inline">
				<!-- 查询 -->
				<form>
				<div class="form-group" >
					<label class="control-label" for="txtcx">查询:</label>
					<input type="text" name="cx" id="txtcx" maxlength="10" class="form-control" required="required"/>
					<!--查询-->
					<button class="btn1" id="btnchaxun1"type="button">★&nbsp;查&nbsp;询</button>
				</div>
				</form>
				<!---->
			</div><br /><br /><br /><br />
			<!--按钮组-->
		<div>
			<div  class="form-inline row col-md-12">
				<!--新增-->
				<button class="btn1" id="btnxinz1" >＋&nbsp;新&nbsp;增</button>
				<!--修改-->
				<button class="btn1" id="btnxiugai1">Δ&nbsp;修&nbsp;改</button>
				<!--删除-->
				<button class="btn1" id="btndele1">－&nbsp;删&nbsp;除</button>
				<!--倒闭-->
				<button class="btn1" onclick="db()">×&nbsp;倒&nbsp;闭</button>
				
				
			</div>
			<br /><br /><br /><br /><br /><br />
			<div class="row col-md-10" style="margin-left: 20px;">	
				<table id="tblUser"></table>	
		    </div>
		</div>
			<!--新增的模态框 -->
			<!--fade类表示模态框的淡入淡出。modal类表示把这个div识别为模态框-->
			<div class="modal fade " id="divData" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content motai" style="background-color: #AFD9EE;">
					<!-- 模态框标题 -->
					<div class="modal-header">
						<!-- 关闭模态框窗口的触发点 -->
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">关闭</button>
						<!-- 模态窗口里的标题 -->
						<h4 class="modal-title">新增供应商信息</h4>
					</div>
					<!-- 模态框的身体 -->
					<div class="modal-body" class='m1'>
					<form>
						<!-- 数据输入表单 -->
					<div class="row" style="margin-bottom: 10px;">
						<div class="col-md-6">
							<label class="control-label" for="suppliename">供应商姓名：</label>
							<input type="text" name="suppliename" id="suppliename" maxlength="20" class="form-control" required="required"/>
						</div>
						<div class="col-md-6">
							<label class="control-label" for="type">类型：</label>
							<input type="text" name="type" id="type" maxlength="20" class="form-control" required="required"/>
						</div>
					</div>
					<div class="row" style="margin-bottom: 10px;">
						<div class="col-md-6">
							<label class="control-label" for="contacts">联系人：</label>
							<input type="text" name="contacts" id="contacts" maxlength="20" class="form-control" required="required"/>
						</div>
						<div class="col-md-6">
							<label class="control-label" for="contactsphone">联系电话：</label>
							<input type="text" name="contactsphone" id="contactsphone" maxlength="20" class="form-control" required="required"/>
						</div>
					</div>
					<div class="row" style="margin-bottom: 10px;">
						<div class="col-md-6">
							<label class="control-label" for="address">公司地址：</label>
							<input type="text" name="address" id="address" maxlength="20" class="form-control" required="required"/>
						</div>
						<div class="col-md-6">
							<label class="control-label" for="servicearea">服务范围：</label>
							<input type="text" name="servicearea" id="servicearea" maxlength="20" class="form-control" required="required"/>
						</div>
					</div>
					<div class="row" style="margin-bottom: 10px;">
						<div class="col-md-6">
							<label class="control-label" for="legalpersonname">法人姓名：</label>
							<input type="text" name="legalpersonname" id="legalpersonname" maxlength="20" class="form-control" required="required"/>
						</div>
						<div class="col-md-6">
							<label class="control-label" for="legalpersonphone">法人联系方式：</label>
							<input type="text" name="legalpersonphone" id="legalpersonphone" maxlength="20" class="form-control" required="required"/>
						</div>
					</div>
					<div class="row" style="margin-bottom: 10px;">
						<div class="input-group date form_date" style="margin-top: 20px;margin-left: 15px;">
									<input id="dateofestablishment" class="form-control" value="" name="dateofestablishment" placeholder="成立日期" type="text"/>
									<span class="input-group-addon" style="width: 25%;"><span class="glyphicon glyphicon-calendar"></span></span>
						</div>
						<div class="col-md-6">
							<label class="control-label" for="managestate">经营状态：</label>
							<input type="text" name="managestate" id="managestate" maxlength="20" class="form-control" required="required"/>
						</div>
					</div>
					<div class="row" style="margin-bottom: 10px;">
						<div class="col-md-6">
							<label class="control-label" for="servicestate">服务状态（经营倒闭）：</label>
							<input type="text" name="servicestate" id="servicestate" maxlength="20" class="form-control" required="required"/>
						</div>
					</div>
					</div>
					<!-- 模态框底部 -->
					<div class="modal-footer" class='col-md-6'>
						<button type="button" class="btn btn-primary" id="btnbaocun1" name="btnbaocun1">保存</button>
					</div>
				</div>
			</div>
			</div>
			
			<!--修改的模态框 -->
			<!--fade类表示模态框的淡入淡出。modal类表示把这个div识别为模态框-->
			<div class="modal fade " id="divData1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content motai" style="background-color: #AFD9EE;">
					<!-- 模态框标题 -->
					<div class="modal-header">
						<!-- 关闭模态框窗口的触发点 -->
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">关闭</button>
						<!-- 模态窗口里的标题 -->
						<h4 class="modal-title">修改供应商信息</h4>
					</div>
					<!-- 模态框的身体 -->
					<div class="modal-body" class='m1'>
						<div class="row" style="display: none;">
							<div class="col-md-2">
								<label class="control-label" for="bianhao">编号：</label>
							</div>
							<div class="col-md-4">
								<input type="text" id="bianhao"maxlength="20" class="form-control" required="required" />
							</div>
						</div>
						<!-- 数据输入表单 -->
						<div class="row" style="display: none;">
							<label for="supplieinfomationid">登入主键</label>
							<input type="text" name="supplieinfomationid1" id="supplieinfomationid1" maxlength="100" />
						</div>
						<div class="row" style="margin-bottom: 10px;">
						<div class="col-md-6">
							<label class="control-label" for="suppliename">供应商姓名：</label>
							<input type="text" name="suppliename1" id="suppliename1" maxlength="20" class="form-control" required="required"/>
						</div>
						<div class="col-md-6">
							<label class="control-label" for="type">类型：</label>
							<input type="text" name="type" id="type" maxlength="20" class="form-control" required="required"/>
						</div>
					</div>
					<div class="row" style="margin-bottom: 10px;">
						<div class="col-md-6">
							<label class="control-label" for="contacts">联系人：</label>
							<input type="text" name="contacts" id="contacts" maxlength="20" class="form-control" required="required"/>
						</div>
						<div class="col-md-6">
							<label class="control-label" for="contactsphone">联系电话：</label>
							<input type="text" name="contactsphone" id="contactsphone" maxlength="20" class="form-control" required="required"/>
						</div>
					</div>
					<div class="row" style="margin-bottom: 10px;">
						<div class="col-md-6">
							<label class="control-label" for="address">公司地址：</label>
							<input type="text" name="address" id="address" maxlength="20" class="form-control" required="required"/>
						</div>
						<div class="col-md-6">
							<label class="control-label" for="servicearea">服务范围：</label>
							<input type="text" name="servicearea" id="servicearea" maxlength="20" class="form-control" required="required"/>
						</div>
					</div>
					<div class="row" style="margin-bottom: 10px;">
						<div class="col-md-6">
							<label class="control-label" for="legalpersonname">法人姓名：</label>
							<input type="text" name="legalpersonname" id="legalpersonname" maxlength="20" class="form-control" required="required"/>
						</div>
						<div class="col-md-6">
							<label class="control-label" for="legalpersonphone">法人联系方式：</label>
							<input type="text" name="legalpersonphone" id="legalpersonphone" maxlength="20" class="form-control" required="required"/>
						</div>
					</div>
					<div class="row" style="margin-bottom: 10px;">
						<div class="input-group date form_date" style="margin-top: 20px;margin-left: 15px;">
									<input id="dateofestablishment" class="form-control" value="" name="dateofestablishment" placeholder="成立日期" type="text"/>
									<span class="input-group-addon" style="width: 25%;"><span class="glyphicon glyphicon-calendar"></span></span>
						</div>
						<div class="col-md-6">
							<label class="control-label" for="managestate">经营状态：</label>
							<input type="text" name="managestate" id="managestate" maxlength="20" class="form-control" required="required"/>
						</div>
					</div>
					<div class="row" style="margin-bottom: 10px;">
						<div class="col-md-6">
							<label class="control-label" for="servicestate">服务状态（经营倒闭）：</label>
							<input type="text" name="servicestate" id="servicestate" maxlength="20" class="form-control" required="required"/>
						</div>
					</div>
					</div>
					<!-- 模态框底部 -->
					<div class="modal-footer" class='col-md-6'>
						<button type="button" class="btn btn-primary" id="btnbaocun2" name="btnbaocun2">保存</button>
					</div></form>
				</div>
			</div>
			</div>
			<!-- 时间控件脚本 -->
		<script type="application/javascript">
			//时间控件初始化之后设计
			$(".form_date").datetimepicker({
				language: 'zh-CN', //中英文
				weekStart: 1, //一周从哪一天开始
				todayBtn: 1, //当天日期按钮
				autoclose: 1, //选完时间后是否自动关闭
				todayHighlight: 1, //当天日期高亮
				starView: 2, //选完时间首先显示的视图
				minView: 2, //最精确的时间
				fourceParse: 0, //制解析
				format: "yyyy-mm-dd", //显示格式
				pickerPosition: "bottom-left" //选择框的位置
			});
		</script>
	</body>
</html>
